import { Form, Input, InputNumber, Modal, Switch } from "antd";

type ChunkModalProps = {
  visible: boolean;
  onVisibleChange: (v: boolean) => void;
};

export default function ChunkModal(props: ChunkModalProps) {
  const { visible, onVisibleChange } = props;
  return (
    <Modal open={visible} title="分块" onCancel={() => onVisibleChange(false)}>
      <Form labelCol={{ flex: "0 0 90px" }} labelAlign="left" colon={false}>
        <Form.Item label="分块长度">
          <InputNumber className="w-full" />
        </Form.Item>
        <Form.Item label="分段标识符">
          <Input />
        </Form.Item>
        <Form.Item label="问答对">
          <Switch />
        </Form.Item>
      </Form>
    </Modal>
  );
}
